<template>
  <div>
    <el-container>
      <!-- 顶部 -->
      <el-header height='214px'>
        <user-header></user-header>
      </el-header>

      <el-main><router-view></router-view></el-main>
      
      <!-- 底部 -->
      <el-footer height='100px'>
        <user-footer></user-footer>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
import UserHeader from './LoginAndRegister/UserHeader.vue'
import UserFooter from './LoginAndRegister/UserFooter.vue'
export default {
  components:{
    UserHeader,
    UserFooter,
  }
}
</script>

<style>
.el-header{
  padding: 0px;
}
.el-main{
  padding: 0px;
}
.el-footer{
  padding: 0px;
}
</style>>
